<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        //面向对象和面向过程
        // 面向过程编程把需要处理的逻辑分化为一个个的步骤,再用调用函数取实现步骤达到完成业务逻辑的要求
        // 面向对象编程把业务的每一份看作一个对象,每个对象拥有不同的属性和方法,对象与对象之间通过方法来交互,对象的声明不是为了处理某一个步骤,而是描叙某个对象在整个解决问题的步骤中的属性和行为。
        //声明一个类
        function Group(name){
            this.name=name
        }
        //声明一个子类
        function Son(name){
            // this.name=name
            this.age=age
            Group.call(this,name)
            
        }
        // 构造器指向自己
        Son.prototype.constructor=Son
        // 子类的显示原型作为实例指向父类的显示 
        Son.prototype=new Group()
        //实例化对象的显示原型指向子类的显示
        const groupMembers = new Son('xiaomin',18)
        console.log(groupMembers.constructor);
    </script>
</body>
</html>